// 1. 全局引入Vue
import Vue from 'vue'
// 2. 引入全局的css重置样式文件
import 'normalize.css/normalize.css'

// 15. 配置i18n
import i18n from '@/lang'

// 3. 完整导入ElementUI
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
// import locale from 'element-ui/lib/locale/lang/en' // 英文语言包

// 4. 引入项目要用到的全局样式文件
// @是webpack配置的一个别名, 指向src目录
import '@/styles/index.scss'

// 5. 引入根组件
import App from './App'
// 6. 引入仓库
import store from './store'
// 7. 引入路由
import router from './router'
// 8. 引入字体图标文件
import '@/icons'
// 9. 引入权限控制文件
import '@/permission'

// 10. 全局注册ElementUI插件
// Vue.use(ElementUI, { locale })
// 如果想要中文版 element-ui，按如下方式声明
// 配置ElementUI的中英切换逻辑
Vue.use(ElementUI, {
  i18n: (key) => i18n.t(key)
})
// console.log(ElementUI.install + '')

// 11. 注册全局自定义指令
import * as directives from '@/directives'
Object.keys(directives).forEach(key => {
  Vue.directive(key, directives[key])
})

// 12. 注册全局组件
/*
  Vue.use(函数/对象)
  - 如果传递的函数, 它就会把该函数当做install函数
  - 如果传递的是对象, 对象中必须要有install函数
  ------------如何运作的?-------
  - Vue.use(插件对象) 它内部会去找到插件对象中的install函数, 并执行, 执行的同时传入Vue实例对象
  - 在install函数内部拿到Vue实例对象, 从而去注册全局组件
*/
import HrsassUI from '@/components'
Vue.use(HrsassUI)

// 13. 注册全局的过滤器
import * as filters from '@/filters'
Object.keys(filters).forEach(key => {
  Vue.filter(key, filters[key])
})

console.log('测试打印')
console.log('测试打印')
console.log('测试打印')
console.log('测试打印')

// 14. 注册打印插件
import Print from 'vue-print-nb'
Vue.use(Print)

// 将App.vue根组件转换成DOM元素渲染到指定的挂载点(灰常重要)
// 注意: 把i18n插件挂载到vue实例对象上, 内部会把t函数挂载在Vue的原型对象上
// 在所有的.vue文件中, this.$t()  $t()  this.$i18n
new Vue({
  el: '#app',
  router,
  store,
  i18n,
  render: h => h(App)
})

